<#compress>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,  user-scalable=0;" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="${ctx}/static/mobileweb/1/css/common.css?_=${.now?string("yyyy-MM-dd")}">
    <title></title>
</head>
<body>
    <#if message??>
    <section class="samefloorBox">
        <div class="center"><img src="${ctx}/static/mobileweb/1/images/bulb.png"/><span class="carparking">${message}</span></div>
    </section>
    <#else>
    <p class="mt10"><img src="${ctx}${parking_path!}" id="road_pic" alt="" class="wdh100" /></p>

    <div class="navbox clearfix">
        <div class="locDetail fl clearfix">
            <ul class="fl">
                <li><span class="parkingloc">停车位置</span><span class="floor">${target.floorname!}</span><span class="num">${target.mark!}</span></li>
                <li><span class="currentloc">当前位置</span><span class="floor">${parking.floorname!}</span><span class="num">${parking.mark!}</span></li>
            </ul>
            <div class="reNav fl"><a href="${ctx}/mobileweb/navigation/parking?mid=${mid}&wx_no=${wxno!}">重新导航</a></div>
        </div>
        <p class="compass fr"><img src="${ctx}/static/mobileweb/1/images/compass.png" alt="compass"/></p>
    </div>
    </#if>
<script type="text/javascript" src="${ctx}/static/mobileweb/scripts/quo.js"></script>
<script type="text/javascript">

    var env = $$.environment();
    if (env.isMobile) {
        if (env.os.name == 'ios') {
            //检测是否是ios
            document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
                WeixinJSBridge.call('hideToolbar');
            });
        }


        var width = $$('img#road_pic').style('width');
        var default_width = parseInt(width.replace('px', ''));

        $$('img#road_pic').style('width', (default_width * 2) + 'px');
        $$('img#road_pic').style('height', '300px');

        $$('img#road_pic').doubleTap(function () {
            $$(this).style('height', 'auto');
            $$(this).style('width', (default_width * 5) + 'px')
        });
        $$('img#road_pic').pinchIn(function () {
            $$(this).style('height', 'auto');
            var width = $$(this).style('width');
            var int_width = parseInt(width.replace('px', ''));
            if (int_width != default_width) {
                $$(this).style('width', (int_width - 200) + 'px')
            }
        });
        $$('img#road_pic').pinchOut(function () {
            $$(this).style('height', 'auto');
            var width = $$(this).style('width');
            var int_width = parseInt(width.replace('px', ''));
            if (int_width != 5000) {
                $$(this).style('width', (int_width + 200) + 'px')
            }
        })
    } else {
        //测试
    }


</script>
</body>
</html>
</#compress>